Article Description: A guide to the method of font substitution for web designers.
Before this article: The dilemma of Chinese web fonts
When designers abroad happily discuss how to replace fonts without images, when Google proudly to
Use CSS To set the font and text style:1. define font type font-familyUsage:Font-family:name;Font-family:ncursive|fantasy|monospace|serif|sans-serifName indicates the font name, and you can specify multiple fonts, separated by spaces. Ranked in
CSS for Webpage Design @ font-face application @ font-face in Webpage font custom CSSHe mainly embeds the web font he defined Into Your webpage.@ Font-faceThe emergence of modules, we use fonts in web development, not afraid to only use Web security
Http://www.fontsquirrel.com/fontface
@ Font-faceIt is a module in css3. It mainly embeds the custom web font Into Your webpage.@ Font-faceThe emergence of modules, we use fonts in web development, not afraid to only use Web security fonts, many of
The CFont font class initialization function CreateFontIndirect Initializes a CFont object that is given its characteristics by the LOGFONT structure CreateFont initializes the CFont object defined with the specified attribute CreatePointFont
First, the Web font
1.1. What is Font-face
1.2. Font-face Advantages
1.3. Font format
1.4. Using @font-face
1.4.1, download fonts
1.4.2, using Font-face to bring fonts into the web
1.4.3, applying
The installation and configuration methods of jpgraph fonts have been introduced in the phpjpgraph installation and configuration tutorial. the use of fonts and texts in the jpgraph class library is very important, jpgraph can control text rotation,
This chapter will make the text in your Web page more beautiful.
Some properties about the text
font-family: Text font
Font-size: Text Size
Color: Text Colors
Font-weight: Text thickness
Text-decoration: More Styles of text
This method directly references the font, provided that the referenced font exists. Some fonts need to be replaced by images.
@ Font-face syntax rules:
@font-face { font-family: ; src: [][, []]*; [font-weight: ]; [font-style: ];
In the mobile phone web App project, often encounter small icons on the phone to show a more ambiguous problem, after the practice found a better solution, the icon font.
In the micro-community project, there are many small icon (icons), such as
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.